@extends('Admin.layout.layout')
@section('title','添加用户')
@section('home','用户管理')
@section('weizhi','添加用户')
@section('con')
  

  @if(session('error'))
      <div class="alert alert-block alert-danger fade in">
         {{session('error')}}
      </div>
  @endif

  @if (count($errors) > 0)
      <div class="alert alert-block alert-danger fade in">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
  @endif

<div class="panel-body">
  <div class="form">
      <form class="form-validate form-horizontal " id="register_form" method="post" action="{{url('/admin/user/insert')}}" novalidate="novalidate">
          <div class="form-group ">
              <label for="username" class="control-label col-lg-2"><font><font>用户名</font></font><span class="required"><font><font>*</font></font></span></label>
              <div class="col-lg-10" style="width:300px">
                  <input class="form-control " id="username" name="username" type="text" readme="请输入6-18位数字字母下划线">
                  <span></span>
              </div>
          </div>
          <div class="form-group ">
              <label for="password" class="control-label col-lg-2"><font><font>密码</font></font><span class="required"><font><font>*</font></font></span></label>
              <div class="col-lg-10" style="width:300px">
                  <input class="form-control " id="password" name="password" type="password" readme="请输入6-18位数字字母下划线"><span></span>
                  <!-- <span></span> -->
              </div>
          </div>
          <div class="form-group ">
              <label for="confirm_password" class="control-label col-lg-2"><font><font>确认密码</font></font><span class="required"><font><font>*</font></font></span></label>
              <div class="col-lg-10" style="width:300px">
                  <input class="form-control " id="confirm_password" name="repassword" type="password" readme="请输入6-18位数字字母下划线">
                  <span></span>
              </div>
          </div>
		  <!-- <div class="form-group "> -->
          <label for="password" class="control-label col-lg-2"><font><font>等级</font></font><span class="required"><font><font>*</font></font></span></label>
          <select class="form-control m-bot15" style="width: 280px;" name="grade">
              <option value="0"><font><font>普通会员</font></font></option>
              <option value="1"><font><font>会员</font></font></option>
              <option value="2"><font><font>管理员</font></font></option>
          </select>
          <span></span>
          <!-- </div> -->
          {{csrf_field()}}
          <div class="form-group">
              <div class="col-lg-offset-2 col-lg-10">
                  <button class="btn btn-primary" type="submit"><font><font>提交</font></font></button>
                  <button class="btn btn-default" type="button"><font><font>取消</font></font></button>
              </div>
          </div>
      </form>
  </div>
</div>
  <script type="text/javascript" src="/bootcss/admin/js/jquery-1.8.3.min.js"></script>
  // <script type="text/javascript">
  // //全局变量
  // var CUSER = false;
  // var CPASS = false;
  // var CREPASS = false;
  // var CEMAIL = false;
  // var CPHONE = false;

  // //绑定表单提交事件
  // $('form').submit(function(){
  //   //触发所有的丧失焦点事件
  //   $('input').trigger('blur');
  //   //验证所有字段都正确 提交
  //   if(CUSER && CPASS && CREPASS && CEMAIL && CPHONE){
  //     //提交
  //     return true;
  //   }
  //   //阻止默认行为
  //   return false;
  // })

  // //给所有的字段绑定获取焦点事件
  // $('input').focus(function(){
  //   //获取当前的提示信息
  //   var v = $(this).attr('readme');
  //   //给span设置
  //   $(this).next().html(v).css('color','green');
  //   $(this).css('border','1px solid green');
  // })

  // //绑定用户名丧失焦点事件
  // $('input[name=username]').blur(function(){
  //   //检测用户名格式是否正确
  //   var reg = /^\w{6,18}$/;
  //   //获取用户名
  //   var uname = $(this).val();
  //   var res = reg.test(uname);
  //   if(!res){
  //     //用户名格式不正确
  //     $(this).next().html('用户名格式不正确').css('color','red');
  //     $(this).css('border','1px solid red');
  //     CUSER = false;
  //     return false;//如果不正确 停止发送ajax
  //   }
  //   // var inp = $(this);
  //   // //发送ajax验证用户名是否可用
  //   // $.ajax({
  //   //   url:'1.php',
  //   //   data:{name:uname},
  //   //   // dataType:'',
  //   //   type:'get',
  //   //   success:function(data){
  //   //     if(data == 1){
  //   //       //可用
  //   //       inp.next().html('√').css('color','blue');
  //   //       inp.css('border','1px solid blue');
  //   //       CUSER = true;
  //   //     }else{
  //   //       inp.next().html('用户名已存在').css('color','red');
  //   //       inp.css('border','1px solid red');
  //   //       CUSER = false;
  //   //     }
  //   //   },
  //   //   error:function(){
  //   //     alert('错误');
  //   //   },
  //   //   // timeout:1000,
  //   //   async:false
  //   // })
  // })

  // //密码绑定丧失焦点事件
  // $('input[name=password]').blur(function(){
  //   //获取密码
  //   var pass = $(this).val();
  //   var reg = /^\w{6,18}$/;
  //   if(reg.test(pass)){
  //     //正确
  //     $(this).next().html('√').css('color','blue');
  //     $(this).css('border','1px solid blue');
  //     CPASS = true;
  //   }else{
  //     $(this).next().html('密码格式不正确').css('color','red');
  //     $(this).css('border','1px solid red');
  //     CPASS = false;
  //   }
  // })

  // //确认密码验证
  // $('input[name=repassword]').blur(function(){
  //   //获取确认密码的值
  //   var repass = $(this).val();
  //   //获取密码的值
  //   var pass = $('input[name=password]').val();
  //   if(pass == ''){
  //     $(this).next().html('请先填写密码').css('color','red');
  //     $(this).css('border','1px solid red');
  //     CPASS = false;
  //     return;
  //   }

  //   //验证
  //   if(repass == pass){
  //     //正确
  //     $(this).next().html('√').css('color','blue');
  //     $(this).css('border','1px solid blue');
  //     CREPASS = true;
  //   }else{
  //     $(this).next().html('两次密码不一致').css('color','red');
  //     $(this).css('border','1px solid red');
  //     CREPASS = false;
  //   }
  // })

  // </script>



@endsection